.px2rem(@name,@px){
	@{name} : @px / 75 * 1rem;
}
.font-dpr(@font-size){
    font-size: @font-size;
 　[data-dpr="2"] & {
        font-size: @font-size * 2;
    }
    [data-dpr="3"] & {
 　    font-size: @font-size * 3;
    }
}
body{
	color: #666;
	background: #f9f9f9;
}
.header{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: #fff;
	border-bottom: 1px solid #ccc;
	padding: 4% 0;
	div{
		display:flex;
		width: 100%;
		a{
			padding-left:2%;
			padding-top: 1%;
		}
		h4{
			margin: 0 auto;
			.font-dpr(22px)
		}
		
	}
}

.center{
	margin-top: 15%;
	ul{
		width: 96%;
		padding: 0 auto;
		.liOne{
			margin-top: 0;
		}
		li{
			background: #fff;
			margin: 2% 0;
			.top{
				text-align: left;
				width: 100%;
				padding: 3%;
				border-bottom: 1px solid #ccc;
				img{
					.px2rem(height,78);
					float: left;
					padding-right:3%;
				}

				p{
					.px2rem(line-height,50);	
					.font-dpr(18px);
				}
			}
			.say{
				margin-top: 0.5%;
				border-top: 1px solid #ccc;
				text-align: left;
				padding: 3% 3%;
				.font-dpr(19px);
				.px2rem(line-height,50);
			}
			.show{
				width: 94%;
			}
			.icon{
				width: 100%;
				padding: 3% 0;
				display: flex;
				justify-content: space-between;
				border-bottom: 1px solid #f3f3f3;
				span{
					padding-right:3%;
					padding: 0 3%;
				}
				div{
					width: 60%;
					text-align: left;
					padding: 0 3%;
					span{
						padding: 0 2%;
					}
				}
				.right{
					.font-dpr(20px);
					padding-right:3%;
					color: #666;
				}
				.right1{
					.font-dpr(20px);
					padding-right:3%;
					color: red;
				}
			}
		}
	}
}